<template>
  <div>
    <header class="simple-header van-hairline--bottom">
      <i class="nbicon nbfanhui" @click="$router.back()"></i>
      <van-search v-model="value" shape="round" @click-input="inp" placeholder="全场50元起步" />
      <van-button color="#1baeae" size="small">搜索</van-button>
    </header>
    <div class="block"></div>
    <van-tabs v-model="active" type="card">
      <van-tab title="标签 1">内容 1</van-tab>
      <van-tab title="标签 2">内容 2</van-tab>
      <van-tab title="标签 3">内容 3</van-tab>
    </van-tabs>
  </div>
</template>

<script>
  import {
    ref,
    reactive,
    toRefs
  } from "vue"
  export default {
    setup() {
      const state = reactive({
        active: 0,
      })
      return {
        ...toRefs(state)
      }
    }
  }
</script>

<style lang="less" scoped>
  @import '../../common/style/mixin.less';

  .simple-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    .fj();
    .wh(100%, 44px);
    line-height: 44px;
    padding: 0 10px;
    .boxSizing();
    color: #252525;
    background: #fff;

    .van-button {
      margin: 6px 0;
    }

    .simple-header-name {
      font-size: 14px;
    }
  }

  .block {
    height: 60px;
  }
</style>